<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <style>
        div{
            width: 300px;height: 100px;
            display: flex;
            flex-direction: row;
            align-items: center;
            align-content: center;
            justify-content: center;
            margin: auto;
        }
    </style>
</head>
<body>
    <pre>
        form的method属性是表示请求类型：get   post
        get：一般用来访问某个信息的详情
            1、表单请求时会在浏览器的地址栏显示传递的参数名字和值
            2、只能传输255个字符长度
            3、不能用作文件上传
        post: 一般用在登陆或者文件上传
            1、表单请求时不会在浏览器的地址栏显示传递的参数名字和值
            2、传输的内容理论上没有限制
            3、文件上传只能用post方式提交
    </pre>
    <hr>
    <div>
        <fieldset>
            <legend>接收单个表单参数</legend>
            <form action="/common/login1" method="post">
                <label>账号：</label> <input name="uname" type="text"><br>
                <label>密码：</label> <input name="pwd" type="password"><br>
                <button type="submit">登陆</button>
            </form>
        </fieldset>
    </div>
    <hr>

    <div>
        <fieldset>
            <legend>用对象接收所有表单参数</legend>
            <form action="/common/login2" method="post">
                <label>账号：</label> <input name="username" type="text"><br>
                <label>密码：</label> <input name="password" type="password"><br>
                <button type="submit">登陆</button>
            </form>
        </fieldset>
    </div>
    <hr>


</body>
</html>
